import React, { useState, useEffect, useRef } from 'react'
import axios from 'axios'
import { useNavigate, Outlet } from 'react-router-dom'
import './user.css'
import { Cell } from 'react-vant';
import { Description } from '@react-vant/icons';
const List = (props) => {
    const navigate = useNavigate()
    return (
        <div className='settings-liao'>
            <div className="order-title" style={{ background: " #f7f7f7" }}>
                <div className="t1" onClick={() => { window.history.back() }}><svg t="1730286914624" className="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16962" width="200" height="200"><path d="M622.927311 789.137615c-6.503881 0-13.007763-2.16796-18.066337-7.226535l-231.249118-231.249118c-10.117149-10.117149-15.898377-23.847565-15.898377-39.023289 0-14.45307 5.781228-28.183486 15.898377-39.023288l231.971771-231.971772c10.117149-10.117149 26.015526-10.117149 35.410022 0 10.117149 10.117149 10.117149 26.015526 0 35.410021l-231.249118 231.971772c-0.722653 0.722653-1.445307 2.16796-1.445307 2.890614 0 0.722653 0 2.16796 1.445307 2.890614l231.249118 231.249118c10.117149 10.117149 10.117149 26.015526 0 35.410021-5.058574 5.781228-11.562456 8.671842-18.066338 8.671842z" fill="#2c2c2c" p-id="16963"></path></svg></div>
                <div className="t2"><span>个人信息</span></div>
                <div className="t3"></div>
            </div>
            <div className="user-body">
                <div className="user-title" onClick={() => { navigate('/revamp') }}>
                    <img src='src\assets\message_imgs\1.jpg'></img>
                    <p>点击修改头像</p>
                </div>
                <div className="user-foot">
                    <Cell.Group card>
                        <Cell title='个人信息' isLink onClick={() => { navigate('/sign') }} >
                            晚风心里吹
                        </Cell>
                        <Cell title='性别'>291010086 <Description /></Cell>
                        <Cell title='UID'><svg t="1730714941032" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7838" width="200" height="200"><path d="M871.4 528.1c0.4 3.5 0.6 7.1 0.6 10.8 0 45-30.5 73.7-71.1 82.8C765.4 785.3 649.5 874.9 512 874.9s-253.4-89.6-288.9-253.2c-40.7-9.2-71.1-37.8-71.1-82.8 0-3.7 0.2-7.2 0.6-10.8-9.9 14.9-15.6 32.6-15.6 51.8 0 45 31.7 82.7 74.1 91.8C248 835.3 368.8 934.9 512 934.9s264-99.6 300.9-263.2c42.4-9.2 74.1-46.8 74.1-91.8 0-19.2-5.8-37-15.6-51.8z" fill="#707070" p-id="7839"></path><path d="M512 106.9c-5.2 0-10.4 0.1-15.6 0.3 5.2-0.1 10.5-0.2 15.9-0.2h0.2c4.9 0 9.8 0 14.6 0.1-5-0.1-10-0.2-15.1-0.2z m369.7 379.4c-10.1-11.1-22.2-20.4-35.6-27.1 0 3.7-0.1 7.4-0.1 11.1-6.1-2.5-9.6-6.5-12.5-11.7-7.2-12.6-11.2-34-16.3-61-5.4-28.6-12-64.2-25.5-105.7C779.1 253.3 756 232 721 227c-4.5-0.6-9-1-13.6-1.1 24.1 26.2 44.2 58.4 60 95.8 18 43 30.4 93.2 36.7 149.3 0.8 7.3 6 13.4 13.1 15.3 13.6 3.8 26.1 11.8 36.2 22.3C869 525 879 547.3 879 569.9c0 36.4-27.3 67.8-65 74.7-7.2 1.3-12.9 6.9-14.4 14-16.2 77.2-52.4 142.5-104.8 188.8-51.4 45.4-114.6 69.5-182.8 69.5s-131.4-24-182.8-69.5c-52.4-46.3-88.7-111.7-104.8-188.8-1.5-7.2-7.2-12.7-14.4-14-37.7-6.8-65-38.2-65-74.7 0-22.5 10-44.9 25.6-61.1 10.2-10.6 22.7-18.6 36.4-22.4 7.1-2 12.2-8 13-15.3 6.4-55.5 18.7-105.3 36.8-148.1 4.4-10.5 9.2-20.7 14.4-30.4 1.9-3.6 3.9-7.2 5.9-10.7 12-20.9 25.6-39.7 40.8-56.1-4.9 0.1-9.6 0.5-14.3 1.2-24.5 3.5-43.2 15-56.5 34.9v0.1c-2.9 4.9-5.6 9.9-8.3 15-2.1 4.7-4.1 9.7-5.8 15-13.4 41.4-20.1 77-25.4 105.6-8.9 47.8-13.9 66.4-28.9 72.8-0.1-3.9-0.1-7.7-0.1-11.5-13.3 6.5-25.4 15.7-35.6 26.8-20.9 22.6-33.9 53-33.9 84.3 0 49.9 34.1 93.3 82.7 107.3 18.9 80 58 147.9 113.7 197.2 28.5 25.2 60.6 44.8 95.3 58.1C436.1 946.1 473.6 953 512 953s75.9-6.9 111.2-20.4c34.8-13.3 66.8-32.9 95.3-58.1 55.7-49.2 94.9-117.2 113.7-197.2 48.6-14.1 82.7-57.5 82.7-107.3 0.1-31-12.7-61.1-33.2-83.7z" fill="#707070" p-id="7840"></path><path d="M366.5 487.3m-37 0a37 37 0 1 0 74 0 37 37 0 1 0-74 0Z" fill="#707070" p-id="7841"></path><path d="M657.5 487.3m-37 0a37 37 0 1 0 74 0 37 37 0 1 0-74 0Z" fill="#707070" p-id="7842"></path><path d="M515.7 708.2c-17.7 0-33.9-2.8-47.6-6.5-42.3-11.6-70.6-34.6-71.8-35.6-7.7-6.3-8.8-17.7-2.5-25.3 6.3-7.7 17.6-8.8 25.3-2.5 0.3 0.3 24.5 19.7 59.7 29 45.5 12.1 87.9 2.3 126-29 7.7-6.3 19-5.2 25.3 2.5 6.3 7.7 5.2 19-2.5 25.3-39.2 32.1-78.4 42.1-111.9 42.1z" fill="#707070" p-id="7843"></path><path d="M780.3 269.5c-34.6-104.4-144.4-54.3-268.3-55.2-123.9 1-233.7-49.1-268.3 55.2C204.6 387.6 223 475 160.9 482.8c0.1 2.8 0.1 5.7 0.2 8.6 70.4-1 49.2-70.8 89-193.8 33.8-104.4 141.1-34.3 262.2-35.2 121.1 1 228.4-69.1 262.2 35.2 39.9 123 18.6 192.8 89 193.8 0.1-2.8 0.2-5.7 0.2-8.5-62.8-7.2-44.1-94.9-83.4-213.4z" fill="#707070" p-id="7844"></path><path d="M866.4 298c-13.8-57.4-36.9-102.1-70.5-136.8-30-31-67.7-53.3-115.1-68.2-46.6-14.6-101.7-21.8-168.3-21.8h-0.2c-66.6 0-121.7 7.2-168.3 21.8-47.5 14.9-85.1 37.2-115.1 68.2-33.6 34.7-56.7 79.4-70.5 136.8-12.3 51-17.3 112.4-15.4 187.7 0.1 2.1 0.1 4.1 0.2 6.2 0.3 9.7 8.3 17.4 18 17.4h0.3c3.2 0 6.3-0.2 9.2-0.5 23.8-2.4 40.8-13 51.8-32.2 10.3-17.9 14.8-41.9 20.5-72.4 5.2-27.6 11.6-61.9 24.3-101.1 1.2-3.8 2.6-7.3 4-10.5 1.8-4.1 3.8-7.6 5.9-10.7 9.5-14 21-17.8 31.6-19.3 22.1-3.2 51.4 3.4 85.3 11 35.6 8 75.9 17 118.3 16.7h2.3c41.6 0 81.2-8.9 116.1-16.7 33.9-7.6 63.1-14.1 85.2-11 14.7 2.1 31.1 8.6 41.5 40.4 12.8 39.3 19.2 73.7 24.4 101.3 5.7 30.4 10.2 54.4 20.5 72.3 10.9 19 27.7 29.6 51.1 32.1 3.2 0.3 6.5 0.5 9.9 0.6 9.9 0.1 17.9-7.6 18.2-17.4 0.1-1.9 0.1-3.7 0.2-5.5 1.9-75.6-3-137.3-15.4-188.4z m-243.6-59.5c-33.2 7.4-70.6 15.8-108.3 15.8h-4.3c-37.7 0-75.2-8.4-108.4-15.9-31.3-7-59-13.2-84-12.7-4.9 0.1-9.6 0.5-14.3 1.2-24.5 3.5-43.2 15-56.5 34.9v0.1c-3 4.6-5.8 9.6-8.3 15-2.1 4.7-4.1 9.7-5.8 15-13.4 41.4-20.1 77-25.4 105.6-8.9 47.8-13.9 66.4-28.9 72.8-0.1-3.9-0.1-7.7-0.1-11.5-0.2-60.4 4.6-110.5 14.8-152.5 12.3-50.9 32.4-90.3 61.4-120.2 25.8-26.6 58.5-45.8 100.1-58.9 39.4-12.4 85.8-18.9 141.5-20h0.2c5.2-0.1 10.5-0.2 15.9-0.2h0.2c4.9 0 9.8 0 14.6 0.1 56.4 1 103.2 7.5 142.9 20 41.6 13.1 74.3 32.3 100.1 58.9 29 30 49.1 69.3 61.3 120.2 10.1 42.1 15 92.3 14.7 152.8 0 3.7-0.1 7.4-0.1 11.1-6.1-2.5-9.6-6.5-12.5-11.7-7.2-12.6-11.2-34-16.3-61-5.4-28.6-12-64.2-25.5-105.7C779.1 253.3 756 232 721 227c-4.5-0.6-9-1-13.6-1.1-25.1-0.7-53 5.5-84.6 12.6z" fill="#707070" p-id="7845"></path></svg> 男士 <svg t="1730714956097" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8983" width="200" height="200"><path d="M811.008 770.048q-9.216 1.024-19.456 3.584t-18.432 5.632q-10.24 4.096-19.456 9.216-2.048-11.264 1.024-22.528 2.048-10.24 8.192-21.504t20.48-22.528q25.6-17.408 60.928-21.504t66.048 8.192 48.128 42.496 6.144 82.432q-9.216 41.984-37.888 76.288t-76.288 52.736-112.128 17.408-144.384-28.672q-55.296-19.456-87.04-48.64t-47.616-59.904-18.944-57.856-1.024-42.496 12.8-37.888 22.016-43.008q13.312-24.576 29.696-50.176 8.192-13.312 14.336-25.6 5.12-11.264 8.192-22.528t0-21.504q-10.24-26.624-25.6-40.96t-29.696-21.504q-17.408-7.168-35.84-8.192-25.6-1.024-47.104-6.144-18.432-5.12-36.352-13.312t-26.112-25.6q-9.216-17.408-7.68-35.84t7.168-36.352 11.776-34.304 6.144-28.672q0-32.768-34.816-46.08-45.056-11.264-67.584-9.216t-31.744 8.704-9.216 12.288 0 1.536q0 14.336 3.584 36.864t-3.584 43.008q-5.12 12.288-13.824 23.04t-14.848 19.968q-8.192 13.312-13.824 23.04t-4.608 12.8q2.048 4.096 9.728 5.632t11.776 3.584q5.12 3.072 6.656 9.728t7.68 11.776q10.24 10.24 12.288 17.408 1.024 4.096 0 7.168 0 8.192 1.024 19.456 1.024 9.216 2.56 20.992t4.608 23.04q6.144 26.624 14.336 37.376t19.968 13.312 28.16 0.512 39.936-2.048q17.408 1.024 35.84 1.024t32.768 8.192 22.528 22.528 13.312 28.672q4.096 17.408 6.144 35.84 3.072 23.552 3.072 47.104 0 20.48-2.048 44.544t-10.24 47.616q-17.408 48.128-51.2 71.68t-72.704 30.72q-40.96 8.192-77.824 2.048t-66.56-20.48-48.64-34.816-23.04-40.96q-3.072-16.384-0.512-32.256t7.68-30.72 12.288-28.16 12.288-25.6q9.216-19.456 11.264-34.304t0-25.088q-2.048-11.264-8.192-20.48-9.216-10.24-19.456-21.504-8.192-10.24-17.408-22.016t-15.36-26.112q-20.48-41.984-21.504-77.824 0-15.36 0.512-37.376t7.68-41.472q6.144-16.384 30.208-43.52t53.76-70.144q6.144-12.288 10.752-25.6t7.168-24.576 3.584-19.456 1.024-11.264q0-10.24-1.024-22.528t-2.048-25.6q0-6.144-1.024-20.48t2.56-31.744 12.8-35.328 28.672-32.256q15.36-11.264 36.352-15.872t39.424-5.632q21.504-1.024 45.056 1.024 19.456-7.168 40.96-11.264 18.432-4.096 43.008-7.168t51.2-3.072q89.088 2.048 149.504 27.136t99.328 61.44 59.392 78.848 29.696 78.848 10.752 61.44 1.536 26.112q1.024 17.408 12.288 31.744t26.112 29.184 30.72 30.208 27.136 33.792q21.504 38.912 23.552 69.632t-8.192 54.272-28.672 40.448-37.376 28.16-34.816 17.408-19.968 8.192q-33.792 15.36-51.712 33.792t-24.064 36.864-2.56 35.84 14.848 29.696q7.168 9.216 18.432 15.36t23.04 9.216 22.528 3.584 17.92-1.536q16.384-3.072 27.136-14.848t12.8-25.088-5.632-22.528-27.136-8.192z" p-id="8984" fill="#707070"></path></svg>女士</Cell>
                        <Cell title='个人签名' value='未填写' isLink onClick={() => { navigate('/safety') }}></Cell>
                    </Cell.Group>
                </div>
            </div>
        </div>

    )
}
export default List